<!DOCTYPE html>
<html style="height: 100%;">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<meta name="format-detection" content="telephone=no">
    <script type="text/javascript" src="../js/jquery.ztree.core.js"></script>
		<title></title>
    <script type="text/javascript" src="../js/localstorage.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/zTreeStyle.css">
    <link rel="stylesheet" href="../css/Stylesheet.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/jquery.ztree.core.js"></script>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				font-size: 12px;
			}
			button.button,tr td button{padding: 2px 5px;margin:0px 3px;background: #009bce;border-radius: 4px;border: 1px;color: #fff;}
			
    #tree{
            width: 140px;display: none;position: absolute;background: #fff;
        }
        #list{
            position: absolute;right: 0px;margin-top: 20px;width: 200px;background: #eaeaea;
        }
		</style>
		<script>
			$(function(){
				$("#upbtn").click(function(){
					if($("#site").val()==""){
						alert(language.fileNameNull);
					}
				})
			})
		</script>
    <!--<script type="text/javascript">
        // tree节点点击事件  name为这个节点的值
        function zTreeOnClick(event, treeId, treeNode) {
            $("#site").val(treeNode.name);
        };
        var setting = {
            callback: {
                onClick: zTreeOnClick
            }
        };
        var zNodes =[
            { name:"香港", open:true,
                children: [
                    { name:"九龙区",open:true,
                        children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"旺角区",open:true,
                            children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"西贡区",open:true,
                            children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"油尖旺区",open:true,
                           children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                        ]},
                    { name:"深水埗区",open:true,
                           children: [
                            { name:"场所A" },
                            { name:"场所B" },
                            { name:"场所C" }
                           ]}
                ]}
        ];
    $(function(){
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    })
    </script>-->
    <!--<script type="text/javascript">
        $(function(){
        
            $("div").click(function(e){
                var id = $(this).attr("id");
                if(id == "aaa"){
                    return false;
                }else if(id == "tree"){
                    return false;
                }else{
                    $("#tree").slideUp(300);
                }
                return false;
            })

            $("#site").click(function(e){
                $("#tree").slideDown(300);
            })

           
            $("#tree").hover(function(){},function(){
                $("#tree").slideUp(300);
              
            })
        })
    </script>-->
	</head>

	<body>

	
		<div class="listFilter">
			<h2><script>document.write(language.redoc)</script><span class="tooltip" style="display: none;"><em>(筛选下表)</em></span></h2>
			<!-- <a href="#" class="tooltoggle">显示/隐藏工具提示</a> -->
			<div class="divider"></div>
		    <table width="100%">
		        <tbody>
		        	<tr>
			            <td class="FormLabel" style="width: auto;">
                        <script>document.write(language.fileName)</script>：
                        <div style="display: inline-block; " id="aaa">
                            <input name="site" type="text" id="site" placeholder="Please file name">
                            <!-- <button class='button select_site'><script>document.write(language.Choice_site)</script></button> -->
                            <div id="tree">
                                <!-- <button style="float: right;" onclick="add()">增加</button> -->
                                <ul id="treeDemo" class="ztree"></ul>
                                </ul>
                            </div>
                       </div>    	
			            	<input  type="file" id="ctl00_ContentPlaceHolder1_txtName">
			            	<button id="upbtn" class='button'><script>document.write(language.upload)</script></button>			            	
			            </td>
			            <td style="text-align: right;">
			            	<!-- <button class='button'><script>document.write(language.create)</script></button> -->
			            </td>
			        </tr>
			    </tbody>
			</table>
	        <div class="formSubmit">
	        	<!-- <button class='button'><script>document.write(language.Filter)</script></button> -->
        		<!-- <button class='button'><script>document.write(language.remove)</script></button> -->
	        </div>
		</div>


		<div class="reportResults">
			<table class="list_table" id="ltReport_list" width="100%" cellspacing="0" style="text-align: center;">
				<thead>
					<!-- <tr>
						<td colspan="4" style="text-align:left;line-height: 40px;border-right: 0px;font-weight: bold;padding-left: 30px;"><script>document.write(language.Contractor)</script><input type="text" placeholder="搜索" style="padding: 5px;margin-left: 20px;border-radius: 4px;border:1px solid #ccc;" /></td>

						<td colspan="4" style="text-align:right;line-height: 40px;border-left: 0px;">
							<button onclick="add()">增加</button></td>
					</tr> -->
					<tr>
						<th style="width: 3%;"><script>document.write(language.order_number)</script></th>
						<th style="width: 8%;"><script>document.write(language.fileName)</script></th>
						<th style="width: 8%;"><script>document.write(language.uploadTime)</script></th>
						<th style="width: 10%;"><script>document.write(language.Interviewee)</script></th>
						<th style="width: 10%;"><script>document.write(language.Contact_number)</script></th>
						
						
					</tr>
				</thead>
				<tbody>
					<tr class="odd_row">
						<td>1</td>
						<td>demo.txt</td>						
						<td>10-08-2017</td>
						<td>Xiao Min</td>
						<td>13666666666</td>
					</tr>
					<tr class="even_row">
						<td>2</td>
						<td>demo.pdf</td>
						<td>10-08-2017</td>
						<td>Zhang San</td>
						<td>15956238554</td>
					</tr>
					<tr class="odd_row">
						<td>3</td>
						<td>project.pdf</td>
						<td>10-08-2017</td>
						<td>Li Feng</td>
						<td>13165266686</td>
					</tr>
					<tr class="even_row">
						<td>4</td>
						<td>demo.txt</td>
						<td>10-08-2017</td>
						<td>Wang Kai</td>
						<td>13159874832</td>
					</tr>
					<tr class="odd_row">
						<td>5</td>
						<td>install.pdf</td>
						<td>10-08-2017</td>
						<td>Zhao Qian</td>
						<td>18666237789</td>
					</tr>
				</tbody>

			</table>

			<div class="ExportLinks">
				<a href="#"><script>document.write(language.Export_all_to)</script> Excel</a>
				<a href="#"><script>document.write(language.Export_this_page_to)</script> Excel</a>
				<a href="#"><script>document.write(language.Export_this_page_to)</script> PDF</a>
				<a href="#"><script>document.write(language.Export_all_to)</script> PDF</a>
				<a href="#"><script>document.write(language.send)</script> <script>document.write(language.email)</script></a>
			</div>

			<div class="WhereToLinks"></div>
		</div>

		<!-- <div class="k-overlay"></div> -->
<!-- 
		<div class="content">
			<table style="border-spacing:0px;">
				<thead>
					<tr>
						<td colspan="2" style="text-align:left;line-height: 40px;font-weight: bold;padding-left: 30px;">新增承办商</td>
						<td colspan="2" style="text-align:right;line-height: 40px;"><button onclick='$(".k-overlay,.content").css("display","none");' style="border:0px;margin:0px;">X</button></td>
					</tr>
				</thead>
				<tbody>
					<tr style="line-height: 10px;">
						<td colspan="4">&nbsp;</td>
					</tr>
					<tr>
						<td>承办商:</td>
						<td><input type="text" placeholder="请输入承办商" /></td>
						<td>负责人:</td>
						<td><input type="text" placeholder="请输入负责人" /></td>
					</tr>
					<tr>
						<td>证件类别:</td>
						<td>
							<select style="width: 150px;height: 30px;">
								<option>ID card</option>
							</select>
						</td>
						<td>证件号:</td>
						<td><input type="text" placeholder="请输入证件号" /></td>
					</tr>
					<tr>
						<td>移动电话:</td>
						<td><input type="text" placeholder="请输入移动电话" /></td>
						<td>时间:</td>
						<td><input type="data" value="2017-10-24" /></td>
					</tr>
					<tr style="line-height: 10px;">
						<td colspan="4">&nbsp;</td>
					</tr>
				</tbody>
				<tfoot>
					<tr style="line-height: 10px;">
						<td style="border-top: 1px solid #ccc;" colspan="4">&nbsp;</td>
					</tr>
					<tr>
						<td></td>
						<td colspan="3" style="text-align: right;">
							<button onclick='$(".k-overlay,.content").css("display","none");'>取消</button>
							<button onclick='$(".k-overlay,.content").css("display","none");'>保存</button>
						</td>
					</tr>
					<tr style="line-height: 10px;">
						<td colspan="4">&nbsp;</td>
					</tr>
				</tfoot>
			</table>
		</div> -->
	</body>

</html>